﻿<html>
<head>
<title>CSS3 Border Break Test</title>

<style type="text/css">
body {border-break: none; border-style: solid;}
p {border-break: 50px; border-style: solid;}
h3 {border-break: 10px dashed; border-style: solid;}
h4 {border-break: dotted; border-style: solid;}
em {border-break: 5em; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Break Test</h1>





<ul>
<li >
For "border-break", possible values are "border-width||border-style||color" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a 50px
border break.
The rule applied is "p {border-break: 50px;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</p>
<h3>
The border-break of this h3 heading should be 10px dashed.  
The rule applied is "h3 {border-break: 10px dashed;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h3>
<h4>
The border-break of this h4 heading should be dotted.
The rule applied is "h4 {border-break: dotted;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h4>
<em>
This emphasized test should have a border break of 5em solid.
The rule applied is "em {border-break: 5em;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have 50px border break.  The body's border break of none should display,
since the rule "body {border-break: none}" applies.
Border style of solid is applied to body, p, h3, h4,
and em elements via CSS rule "{border-style: solid;}", so that the border is visible.
</p>

</body>
</html>
